// hd
$(function () {
  var sid = 0;
  var aid = 0;
  can(aid, sid);

  function can(aid, sid) {
    // console.log("s"+sid, aid);
    $.ajax({
      method: "get",
      url: "http://193.112.55.79:9090/api/getgsproduct",
      data: {
        shopid: sid,
        areaid: aid
      },
      dataType: "json",
      success: function (res) {
        // console.log(res);
        if (res.result.length != 0) {
          // 渲染数据
          var html = template('bd', res.result);
          // 生成结构
          $(".bd").html(html);
        }
      }
    })
  }


  $(".filter div:nth-child(1)").on("click", function () {
    $(".popsort").toggle();
    $(".popprice").hide();
    $(".popcat").hide();
    $(".popsearch").hide();
  });
  $.ajax({
    method: "get",
    url: "http://193.112.55.79:9090/api/getgsshop",
    // data:"data",
    dataType: "json",
    success: function (res) {
      // console.log(res);

      if (res.result.length != 0) {
        // 渲染数据
        var html = template('popsort', res.result);
        // 生成结构
        $(".popsort").html(html);
        //绑定点击事件
        $(".popsort ul li").click(function () {
          $(this).find("span").addClass("glyphicon glyphicon-ok");
          console.log($(this).siblings().find('a span').removeClass('glyphicon glyphicon-ok'));
          var title = $(this).text();
          $(".s").text(title);
          //获取id
          sid = parseInt($(this).attr("data-id"));
          console.log(sid);
          can(aid, sid);
        });
      }
    }
  })

  $(".filter div:nth-child(2)").on("click", function () {
    $(".popprice").toggle();
    $(".popsort").hide();
    $(".popcat").hide();
    $(".popsearch").hide();
  })
  $.ajax({
    method: "get",
    url: "http://193.112.55.79:9090/api/getgsshoparea",
    // data:"data",
    dataType: "json",
    success: function (res) {
      // console.log(res);
      if (res.result.length != 0) {
        // 渲染数据
        var html = template('popprice', res.result);
        // 生成结构
        $(".popprice").html(html);
        //绑定点击事件
        $(".popprice ul li").click(function () {
          $(this).find("span").addClass("glyphicon glyphicon-ok");
          console.log($(this).siblings().find('a span').removeClass('glyphicon glyphicon-ok'));
          var title = $(this).text();
          $(".a").text(title);
          //获取id
          aid = parseInt($(this).attr("data-id"));
          // console.log(aid);
          can(aid, sid);
        });
      }
    }
  })

  $(".filter div:nth-child(3)").on("click", function () {
    $(".popcat").toggle();
    $(".popprice").hide();
    $(".popsort").hide();
    $(".popsearch").hide();
  })

  $(".search").on("click", function () {
    $(".popsearch").toggle();
    $(".popprice").hide();
    $(".popcat").hide();
    $(".popsort").hide();
  })
});